<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8" />
	<title></title>
	<meta name="description" content="overview & stats" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="static/css/bootstrap.min.css" rel="stylesheet" />
	<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="static/css/font-awesome.min.css" />
	<link rel="stylesheet" href="static/css/chosen.css" />
	<link rel="stylesheet" href="static/css/ace.min.css" />
	<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
	<link rel="stylesheet" href="static/css/ace-skins.min.css" />
	<link rel="stylesheet" href="static/css/datepicker.css" /><!-- 日期框 -->
	<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
	<!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		
	<script type="text/javascript">
	
		function fileType(obj){
			var fileType=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
		    if(fileType != '.xls'){
		    	$("#excel").tips({
					side:3,
		            msg:'请上传xls格式的文件',
		            bg:'#AE81FF',
		            time:3
		        });
		    	$("#excel").val('');
		    	document.getElementById("excel").files[0] = '请选择xls格式的文件';
		    }
		}
	
		//保存
		function save(){
			if($("#product_name").val()==""){
				$("#product_name").tips({
					side:3,
		            msg:'输入商品名称',
		            bg:'#AE81FF',
		            time:2
		        });
				
				$("#product_name").focus();
				return false;
			}
			
			if($("#excel").val()=="" || document.getElementById("excel").files[0] =='请选择xls格式的文件'){
				$("#excel").tips({
					side:3,
		            msg:'请选择上传商品列表',
		            bg:'#AE81FF',
		            time:3
		        });
				return false;
			}
			
			if($("#valid_time").val()!=""){
				var ret = diffDate("valid_time");
				if(ret == 1){
					alert("商品有效期必须在当前时间之后！");
					$("#valid_time").val("");
					$("#valid_time").focus();
					return false;
				}
			}
			
			if($("#promote_start_time").val()!="" && $("#promote_end_time").val()!=""){
				var result = compareBeginWithEnd("promote_start_time", "promote_end_time");
				if(result == 1){
					alert("优惠开始日期必须在优惠结束时间之前！");
					$("#promote_start_time").val("");
					$("#promote_start_time").focus();
					return false;
				}
			}
			
			$("#productInfoForm").submit();
			$("#centerOfMainFrame").hide();
			$("#centerOfMainFrame2").show();
		}
		
		function diffDate(end) {
			var evalue = document.getElementById(end).value;
			var dB = new Date(evalue.replace(/-/g, "/"));
			if (new Date() > Date.parse(dB)) {
			       return 1;
			} 
			return 0;
		}
		
		function compareBeginWithEnd(begin, end){
			var beginTime = document.getElementById(begin).value;
			var endTime = document.getElementById(end).value;
			var dBBegin = new Date(beginTime.replace(/-/g, "/"));
			var dBEnd = new Date(endTime.replace(/-/g, "/"));
			if (Date.parse(dBBegin) > Date.parse(dBEnd)) {
			       return 1;
			} 
			return 0;
		}
	</script>
	</head>
<body>
	<form action="product/saveProductInfo.do" name="productInfoForm" id="productInfoForm" method="post" enctype="multipart/form-data">
		<input type="hidden" name="org_id" id="org_id" value="${pageData.org_id }"/>
		<input type="hidden" name="importtype" id="importtype" value="1"/>
		<div id="centerOfMainFrame">
			<table id="table_report" class="table table-striped table-bordered table-hover">
				<c:if test="${pageData.org_id == 1 }">
					<tr>
						<td>商品品牌：
							<form:select path="productBrand.brand_id" items="${productBrandList}" itemLabel="brand_name_zh" itemValue="brand_id" title="商品品牌" style="width:100px; font-size:12px;"/>
						</td>
						<td>商品类型：
							<form:select path="productCat.cat_id" items="${productCatList}" itemLabel="cat_name" itemValue="cat_id" title="机构类型" style="width:100px; font-size:12px;"/>
						</td>
					</tr>
				</c:if>
				<c:if test="${pageData.org_id != 1 }">
					<tr>
						<td>商品类型：
						</td>
						<td><form:select path="productCat.cat_id" items="${productCatList}" itemLabel="cat_name" itemValue="cat_id" title="机构类型" style="width:100px; font-size:12px;"/></td>
					</tr>
				</c:if>
				<!-- <tr>
					<td>库存数量:</td>
					<td>
						<input type="text" style="width:95%;" name="store_number" id="store_number" placeholder="这里输入库存数量" title="库存数量"/>
					</td>
				</tr> -->
				<!-- <tr>
					<td>进货价:</td>
					<td>
						<input type="text" style="width:95%;" name="net_price" id="net_price" placeholder="这里输入进货价" title="进货价"/>
					</td>
				</tr>
				<tr>
					<td>销售价:</td>
					<td>
						<input type="text" style="width:95%;" name="sell_price" id="sell_price" placeholder="这里输入销售价" title="销售价"/>
					</td>
				</tr>
				<tr>
					<td>优惠价:</td>
					<td>
						<input type="text" style="width:95%;" name="promote_price" id="promote_price" placeholder="这里输入优惠价" title="优惠价"/>
					</td>
				</tr> -->
				<tr>
					<td>商品介绍链接:（可不填）</td>
					<td>
						<input type="text" style="width:95%;" name="product_url" id="product_url" placeholder="这里输入商品介绍链接" title="商品介绍链接"/>
					</td>
				</tr>
				<tr>
					<td>商品推荐指数:（可不填）</td>
					<td>
						<input type="text" style="width:95%;" name="recommand_level" id="recommand_level" placeholder="这里输入商品推荐指数" title="商品推荐指数"/>
					</td>
				</tr>
				<tr>
					<td>优惠时间:（可不填）</td>
					<td>
						<input style="width:35%;" class="span10 date-picker" name="promote_start_time" id="promote_start_time" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="优惠开始时间" title="优惠开始时间"/>
						<input style="width:35%;" class="span10 date-picker" name="promote_end_time" id="promote_end_time" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="优惠结束时间" title="优惠结束时间"/>
					</td>
				</tr>
				<tr>
					<td>商品有效期:（可不填）</td>
					<td>
						<input style="width:35%;" class="span10 date-picker" name="valid_time" id="valid_time" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" placeholder="商品有效期" title="商品有效期"/>
					</td>
				</tr>
				<tr>
					<td>缩略图:（可不填）</td>
					<td>
						<input type="file" id="img_thumb" name="img_thumb"/>
					</td>
				</tr>
				<tr>
					<td>原始图片:（可不填）</td>
					<td>
						<input type="file" id="img_original" name="img_original"/>
					</td>
				</tr>
				<tr>
					<td>正常图:（可不填）</td>
					<td>
						<input type="file" id="img_normal" name="img_normal"/>
					</td>
				</tr>
				<tr>
					<td>商品状态:</td>
					<td>
						<select name="is_on_sale" title="商品状态">
							<option value="1">上架</option>
							<option value="0">下架</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>上传文件:</td>
					<td style="padding-top: 20px;">
						<input type="file" id="excel" name="excel" style="width:50px;" onchange="fileType(this)" />
						<a class="btn btn-mini btn-success" onclick="window.location.href='<%=basePath%>/product/downloadExcel.do'">下载模版</a>
					</td>
				</tr>
				<tr>
					
				</tr>
			
				<tr>
					<td class="center" colspan="2">
						<a class="btn btn-mini btn-primary" onclick="save();">提交入库</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
	</form>
	
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 单选框 -->
	<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
	<!-- 编辑框-->
	<script type="text/javascript" charset="utf-8">window.UEDITOR_HOME_URL = "<%=path%>/plugins/ueditor/";</script>
	<script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.all.js"></script>
	<!-- 编辑框-->
	<script type="text/javascript">
	$(top.hangge());
	$(function() {
		
		//单选框
		$(".chzn-select").chosen(); 
		$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
		
		//日期框
		$('.date-picker').datepicker();
		
		//上传
		$('#img_thumb').ace_file_input({
			no_file:'请选择图片 ...',
			btn_choose:'选择',
			btn_change:'更改',
			droppable:false,
			onchange:null,
			thumbnail:false //| true | large
			//whitelist:'gif|png|jpg|jpeg'
			//blacklist:'exe|php'
			//onchange:''
			//
		});
		
		$('#img_original').ace_file_input({
			no_file:'请选择图片 ...',
			btn_choose:'选择',
			btn_change:'更改',
			droppable:false,
			onchange:null,
			thumbnail:false //| true | large
			//whitelist:'gif|png|jpg|jpeg'
			//blacklist:'exe|php'
			//onchange:''
			//
		});
		
		$('#img_normal').ace_file_input({
			no_file:'请选择图片 ...',
			btn_choose:'选择',
			btn_change:'更改',
			droppable:false,
			onchange:null,
			thumbnail:false //| true | large
			//whitelist:'gif|png|jpg|jpeg'
			//blacklist:'exe|php'
			//onchange:''
			//
		});
		
		//上传
		$('#excel').ace_file_input({
			no_file:'请选择EXCEL ...',
			btn_choose:'选择',
			btn_change:'更改',
			droppable:false,
			onchange:null,
			thumbnail:false, //| true | large
			whitelist:'xls|xls',
			blacklist:'gif|png|jpg|jpeg'
			//onchange:''
			//
		});
	});
	</script>
</body>
</html>